<div>
	<div id="setup">
		<table>
			<tr>
				<td>Anchors</td>
				<td>
					<label><input type="radio" value="normal" name="anchors" checked>normal</label>
					<label><input type="radio" value="dynamic" name="anchors">dynamic</label>
					<label><input type="radio" value="continuous" name="anchors">continuous</label>
				</td>
			</tr>
			<tr>
				<td>Number of elements</td>
				<td><input id="txtElements" value="10"></td>
			</tr>
			<tr>
				<td>Suspend Drawing?</td>
				<td>
					<label><input type="radio" name="chkSuspend" value="yes" checked>Yes</label>
					<label><input type="radio" name="chkSuspend" value="no">No</label>
				</td>
			</tr>
			<tr>
				<td>Paint jsPlumb artefacts?</td>
				<td>
					<label><input type="radio" name="chkPaint" value="yes" checked>Yes</label>
					<label><input type="radio" name="chkPaint" value="no">No</label>
				</td>
			</tr>
			<tr>
				<td>setLabel?</td>
				<td>
					<label><input value="yes" type="radio" name="chkLabel" checked>yes</label>
					<label><input value="no" type="radio" name="chkLabel">no</label>
				</td>
			</tr>
		</table>			
	</div>			
	<div id="output">
		<table colspacing="20">
			<tr>
				<td colspan="2">Num Connections:</td><td colspan="2" id="numConnections"></td>
			</tr>
			<tr>
				<td>Reset time:</td><td id="resetTime"></td>					
				<td>Total time:</td><td id="totalCreateTime"></td>
			</tr>
			<tr>
				<td>Create time:</td><td id="createTime"></td>					
				<td>Average create time:</td><td id="averageCreateTime"></td>
			</tr>
			<tr>
				<td>Repaint time:</td><td id="repaintTime"></td>					
				<td>Average Repaint time:</td><td id="averageRepaintTime"></td>
			</tr>
		</table>
	</div>
	<button id="btnTest">Run Test</button>
	<button id="btnReset">Reset</button>
</div>

<div id="demo"></div>	

<!--  load test code -->
<script src="loadtest.js"></script>